<template>
    <div id="arrivestep">
        <el-steps :active="active"  finish-status="success" align-center>
            
                <el-step v-for="(item,index) in list" :key="(item,index)" :title="('步骤'+item.pid)"   :description="item.name"></el-step>
                <!-- <el-step title="步骤2" icon="el-icon-s-finance" description="上传缴费凭证"></el-step>
                <el-step title="步骤3" icon="el-icon-s-home" description="选择宿舍"></el-step>
                <el-step title="步骤4" icon="el-icon-check" description="完成所有流程"></el-step> -->
            
        </el-steps>
    </div>
</template>
<script>
import axios from 'axios';
export default {
    data(){
        return{
            list:[],
            
        }
    },
    props:{
        studentdetail: {},
        userdetail: {},
        active: ""
    },
    mounted(){
        // this.active=this.studentdetail.bill==1?2:(this.studentdetail.dormitory==""?2:4);
        var _this=this;
        axios({//获取步骤列表
            method: "get",
            url: "api/processes/getAllProcesses",
        }).then(function (resp) {
            // console.log(resp);
            _this.list=resp.data.data;
        })
        // console.log("state"+this.active);
    }
}
</script>
<style scoped>
#arrivestep{
    
    background: #ffffff;
    margin-top: 10px;
    padding: 10px;
}
</style>